const $ = window.$;
$(function () {
  // 按需切换
  $('#link_reg').on('click', function () {
    // 注册盒子展示、登录盒子隐藏
    $('.reg-box').show();
    $('.login-box').hide();
  })


  $('#link_login').on('click', function () {
    // 注册盒子展示、登录盒子隐藏
    $('.reg-box').hide();
    $('.login-box').show();
  })
  // 从layui身上解构出form属性
  const {form, layer} = layui;
  // 自定义校验规则
  form.verify({
    pwd: [
      /^[\S]{6,16}$/,
      '校验不通过',
    ],
    repwd(value) {
      // 获取原密码框的值
      const pwd = $('.reg-box [name=password]').val();
      // 判断两次输入的密码是否一致，如果不一致，则进行错误的提示
      if (value !== pwd) return '密码不一致';
    }
  })

  // 监听注册表单的提交事件
  $('#form_reg').on('submit', function (e) {
    // 阻止默认行为
    e.preventDefault();
    // console.log(1);
    $.ajax({
      url: '/api/reguser',
      type: 'POST',
      data: {
        username: $('#form_reg [name=username]').val(),
        password: $('#form_reg [name=password]').val(),
      },
      success(res) {
        // console.log(res);
        // 判断请求的结果status是否为0
        if (res.status !== 0) {
          return layer.msg(res.message);
        }

        layer.msg('注册成功');

        // 触发去登录的点击事件
        $('#link_login').click();
      },
    })
  })

  $('#form_login').on('submit', function (e) {
    e.preventDefault();
    //  提交数据
    $.ajax({
      url: '/api/login',
      data: $(this).serialize(),
      type: "POST",
      success(res) {
        console.log(res);
        if (res.status !== 0) {
          return layer.msg(res.message || '登录失败');
        }

        layer.msg('登录成功');

        // 存储token
        localStorage.setItem('token', res.token);

        // 跳转主页
        location.href = '/index.html';
      }
    })
  })
})
